$(function () {
    getReportByYear();
    getReportByMouth();
    getReportByDay();

})

function getReportByDay() {

    // 基于准备好的dom，初始化echarts实例
    var result2 = Model.menu.getReportByDay();
    var data2 = result2.reportList;
    var myChart2 = echarts.init(document.getElementById('main2'));
    var option2 = {
        backgroundColor: '#2c343c',

        title: {
            text: '日盈利情况',
            left: 'center',
            top: 20,
            textStyle: {
                color: '#ccc'
            }
        },

        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },

        visualMap: {
            show: false,
            min: 80,
            max: 600,
            inRange: {
                colorLightness: [0, 1]
            }
        },
        series: [{
            name: '盈利',
            type: 'pie',
            radius: '55%',
            data: data2,
            roseType: 'angle',
            label: {
                normal: {
                    textStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: '#c23531',
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option2);
}
//获得当月
function getReportByMouth() {
    // 基于准备好的dom，初始化echarts实例
    var result = Model.menu.getReportByMouth();
    console.log(JSON.stringify(result))
    var data = result.reportList;
    var arrayX = [];
    var arrayY = [];
    var myChart = echarts.init(document.getElementById('main'));
    for (var i = 0; i < data.length; i++) {
        arrayX.push(data[i].name);
        arrayY.push(data[i].value);
    }
    // 指定图表的配置项和数据
    var option = {
        color: ['#003366', '#eee'],
        legend: {
            data: ['收入', '支出']
        },
        title: {
            text: '月盈利情况'
        },
        tooltip: {},
        legend: {
            data: ['收入/元']
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false
            },
            data: arrayX
        },
        yAxis: {},
        series: [{
            name: '收入',
            type: 'bar',
            barGap: 0,
            data: arrayY
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);


}

//获得当月
function getReportByYear() {
    // 基于准备好的dom，初始化echarts实例
    var result3 = Model.menu.getReportByYear();
    var data3 = result3.reportList;
    var myChart3 = echarts.init(document.getElementById('main3'));

    var option3 = {
        backgroundColor: '#2c343c',

        title: {
            text: '年盈利情况',
            left: 'center',
            top: 20,
            textStyle: {
                color: '#ccc'
            }
        },

        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },

        visualMap: {
            show: false,
            min: 80,
            max: 600,
            inRange: {
                colorLightness: [0, 1]
            }
        },
        series: [{
            name: '盈利',
            type: 'pie',
            radius: '55%',
            data: data3,
            roseType: 'angle',
            label: {
                normal: {
                    textStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
            labelLine: {
                normal: {
                    lineStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    }
                }
            },
            itemStyle: {
                normal: {
                    color: '#c23531',
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart3.setOption(option3);

}